<template>
  <div class="aa">
  <van-grid>
  <van-grid-item :icon="require('@/assets/Showtheway4/1.jpg')" text="Y型交叉口" />
  <van-grid-item :icon="require('@/assets/Showtheway4/2.jpg')" text="环形交叉路口" />
  <van-grid-item :icon="require('@/assets/Showtheway4/3.jpg')" text="十字交叉路口1" />
  <van-grid-item :icon="require('@/assets/Showtheway4/4.jpg')" text="十字交叉路口2" />
  <van-grid-item :icon="require('@/assets/Showtheway4/5.jpg')" text="十字交叉路口3" />
  <van-grid-item :icon="require('@/assets/Showtheway4/6.jpg')" text="十字交叉路口4" />
  <van-grid-item :icon="require('@/assets/Showtheway4/7.jpg')" text="丁字交叉路口1" />
  <van-grid-item :icon="require('@/assets/Showtheway4/8.jpg')" text="丁字交叉路口2" />
  <van-grid-item :icon="require('@/assets/Showtheway4/9.jpg')" text="丁字交叉路口3" />
  <van-grid-item :icon="require('@/assets/Showtheway4/10.jpg')" text="丁字交叉路口4" />
  <van-grid-item :icon="require('@/assets/Showtheway4/11.jpg')" text="丁字交叉路口5" />
  <van-grid-item :icon="require('@/assets/Showtheway4/12.jpg')" text="互通式立体交叉1" />
  <van-grid-item :icon="require('@/assets/Showtheway4/13.jpg')" text="互通式立体交叉2" />
  <van-grid-item :icon="require('@/assets/Showtheway4/14.jpg')" text="分岔处1" />
  <van-grid-item :icon="require('@/assets/Showtheway4/15.jpg')" text="分岔处2" />
  <van-grid-item :icon="require('@/assets/Showtheway4/16.jpg')" text="地点距离" />
</van-grid>
  </div>
</template>
<style scoped>
.aa{
    margin-top: 35px;
}
</style>